<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
<!--    <script>

        $(document).ready(function(){
            for(var i=1;i<=30;i++){
                $("body").append("<img src='photo/thumb/"+i+".jpg' />");
                $("img").not(".shadow img").on("load",function() {
                    var node = $(this);
                    var h = node.height();
                    var w = node.width();
                    console.log(h + ":" + w);
                    if (h > w) {
                        node.addClass("pt");
                    } else {
                        node.addClass("ls");
                    }
                });
            }

            $("img").not(".shadow img").click(function() {
                $(".shadow").show();
            });

            $("#close").not(".shadow img").click(function() {
                $(".shadow").hide();
            });

        });

    </script>-->

</head>
<body>
<div data-role="page" id="pageone">

    <div data-role="header">
        <a href="" data-icon="home">Home</a>
        <h1>welcome</h1>
        <a href="" data-icon="info">Contact</a>
    </div>

    <div data-role="content">
        <p>欢迎！</p>
        <p><a href="#pagetwo">pagetwo</a>
        <a href="index.html" data-ajax="false">dads</a></p>
    </div>

    <div data-role="footer" class="ui-bar" data-position="fixed">
        <a href="" data-icon="home">Credits</a>
        <a href="" data-icon="info">Contact</a>
    </div>

</div>
<div data-role="page" id="pagetwo">

    <div data-role="header" data-add-back-btn="true">
        <h1>welcome</h1>
    </div>

    <div data-role="content">
        <p>再见！</p>
        <a href="" data-rel="back">go back</a>
        <!--<p><a href="#pageone">return</a></p>-->
    </div>

    <div data-role="footer" datafullscreen="true">
        <div data-role="navbar">
            <ul>
                <li><a href="" class="ui-btn-active">Home</a></li>
                <li><a href="">Credits</a></li>
                <li><a href="">Contact</a></li>
            </ul>
        </div>
    </div>

</div>
<!--<div class="shadow">
<div id="close"><img src="close.jpg"></div>
</div>-->

</body>
</html>